<template>
  <div class="mask"
       @click="$emit('hide')">
    <img src="../assets/download.png"
         alt="">
  </div>
</template>

<script>
export default {
  name: 'OpenOnBrowser',
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  background-color: rgba(0, 0, 0, 0.5);
  text-align: right;
  img {
    margin-top: 10px;
    margin-right: 20px;
    width: 200px;
  }
}
</style>
